/*!
 * @ Description: custom style
 * @ Author: weiwei
 * @ Date: 2018-05-24;
 */

/*
 **********************
 * common style 
 ********************** 
 * 网站头部
 ********************** 
 * 菜单
 **********************
 * 底部COPYRIGHT
 ********************** 
 * 首页样式
 **********************
 * 内页样式
 **********************
*/

/* common style */
html{background:#FFF;color:#000; font-size: 10px; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{font-family: "Microsoft YaHei"; margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.page{margin:2rem;}
.main{ overflow: hidden; margin:25px auto; }
.title{	height: 66px; line-height: 66px; overflow: hidden; margin-bottom: 20px; background: url(../img/tit_line.png) no-repeat left bottom; }
.title h3 strong{ font-size: 28px; color: #01a6ff; font-weight: bold; line-height: 60px; margin-left: -15px; }
.title .right{ text-align: right; color: #333333; }
.title .right p, .title .right a{ font-size: 14px; color: #333333; }
.title a:hover{ color: #01a6ff; }
.article p{ font-size: 16px; color: #6b6b6b; line-height: 30px; }
.article h1{ text-align: center; font-size: 20px; font-weight: bold; line-height: 46px; }
.article .meta_info{ text-align: center; margin-top: 15px; border-top:1px dotted #ccc; padding-top: 15px; }
.down{width: 100%; height: 52px; background:#211f1f; color: #ffffff; font-size: 16px; position: fixed; bottom: 0; display: block; z-index: 9999;}
.down li{width: 24.7%; border-right: solid 1px #ffffff; text-align: center; line-height: 15px; float: left; padding-top: 4px; height: 52px; list-style:none;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){ .footer{margin-bottom: 0}	.down{display: none;} }
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#00bdff;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.plugin-fixed-call .child a{display: inline-block; overflow: hidden;}
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#00bdff;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
/* 自定义样式 */
a:hover{ text-decoration: none; }
.container{ padding-left: 0; padding-right: 0; }
/* 网站头部 */
.h-tool{ line-height: 30px; background: #2b323c;  }
.h-tool p{ font-size: 14px; color: #ffffff; margin-left: -15px; }
.h-tool a:last-child{ margin-right: -15px; }
.h-tool a{ font-size: 14px; color: #ffffff; display: inline-block; line-height: 14px; margin-top: 9px; }
.h-tool a + a{ margin-left: 14px; padding-left: 14px; border-left: 1px solid #fff; }
.h-tool a:hover{ color: #ef2616; }
.h-top{ padding:12px 0; background: #fff; }
.h-top .tel img{ float: right; margin-top: 28px; }
.h-menu{ height: 54px; line-height: 54px; overflow: hidden; background: -webkit-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%); background: -o-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%); background: -moz-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%); background: repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%); }
.h-menu ul{ overflow: hidden; }
.h-menu li{ width: 146px; float: left; text-align: center; box-sizing: border-box; border-right: 1px solid #fff; }
.h-menu li:first-child{ border-left: 1px solid #fff; }
.h-menu li a{ display: block; color: #333333; font-size: 16px; transition: all .3s; }
.h-menu li:first-child a:hover{ padding-left: 32px; background: #2ca9df url(../img/ico-home.png) no-repeat 26px center; }
.h-menu li a:hover{ background: #2ca9df; color: #fff; }
/* banner */
#banner img{ width: 100%; }
/* 首页产品 */
.m-pro{ overflow: hidden; }
.m-pro .hd{ text-align: center; padding:36px 0 2px; }
.m-pro .hd h3{ font-size: 30px; font-weight: bold; font-weight: bold; letter-spacing: 6px; line-height: 1; }
.m-pro .hd span{ display: block; height: 20px; background: url(../img/pro-span.jpg) no-repeat center; margin:10px 0 6px; }
.m-pro .hd p{ display: inline-block; font-size: 14px; color: #999999; border:1px solid #cfcfcf; padding:7px 10px; }
#pro{ padding-top: 40px; overflow: hidden; }
.pro-bd li{ overflow: hidden; margin-bottom: 20px; }
.pro-bd li .img, #pro .swiper-slide .img{ width: 100%; height: 200px; position: relative; overflow: hidden; }
.pro-bd li .img:after, #pro .swiper-slide .img:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(44,167,226,.7); position: absolute; left: 0; top: 100%; transition: all .3s; }
.pro-bd li .img span, #pro .swiper-slide .img span{ position: absolute; transition: all .3s; top:150%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding:8px 26px; border:1px solid #fff; font-size: 14px; color: #ffffff; z-index: 3; }
.pro-bd li:hover .img:after, #pro .swiper-slide:hover .img:after{ top:0; }
.pro-bd li:hover .img span, #pro .swiper-slide:hover .img span{ top:50%; }
.pro-bd li img, #pro .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
.pro-bd li .txt, #pro .swiper-slide .txt{ overflow: hidden; padding-top: 4px; }
.pro-bd li .txt h3, #pro .swiper-slide .txt h3{ font-size: 16px; color: #454545; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-bd li .txt p, #pro .swiper-slide .txt p{ font-size: 14px; color: #999999; line-height: 26px; }
#pro .swiper-button-prev, #pro .swiper-button-next{ width: 28px; height: 28px; margin-top:0; background-size: 28px; top:0; }
#pro .swiper-button-next{ background-image: url(../img/btn_r.jpg); right:0; }
#pro .swiper-button-prev{ background-image: url(../img/btn_l.jpg); left:95%; }
#pro .swiper-button-next:hover{ background-image: url(../img/btn_r_h.jpg); }
#pro .swiper-button-prev:hover{ background-image: url(../img/btn_l_h.jpg); }
/* 公司简介 */
.m-about{ background: #eeeeee; padding:40px 0; overflow: hidden; margin:20px 0 50px; }
.about-tit{ border:2px solid #5f5f5f; height: 55px; margin-bottom: 30px; line-height: 50px; }
.about-tit h3{ width: 94%; background: #eeeeee; margin:12px auto 0; padding:0 28px; font-size: 32px; color: #333333; font-weight: bold; box-sizing: border-box; line-height: 50px; }
.about-tit h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 15px; line-height: 50px; }
.intro p{ font-size: 14px; color: #656565; line-height: 30px; }
.intro p a{ font-size: 14px; color: #0784bc; }
.intro a:hover{ color: #ef2616; }
.intro > a{ display: block; height: 33px; background: url(../img/msg_bg.png) no-repeat left center; margin-top: 25px; line-height: 33px; padding-left: 80px; font-size: 16px; color: #fff; }
/* 新闻资讯 */
.m-news{ overflow: hidden; }
.news-tit{ border:2px solid #5f5f5f; text-align: center; padding:18px; margin-top: 16px;  }
.news-tit h3{ width: 94%; font-size: 32px; color: #333333; font-weight: bold; margin: -36px 0 16px; background: #fff; }
.news-tit h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; }
.news-list, .news-list ul{ overflow: hidden; }
.f-news{ overflow: hidden; clear: both; margin-bottom: 12px; display: block; }
.f-news img{ width: 50%; float: left; height: 108px; object-fit: cover; }
.f-news div{ width: 50%; box-sizing: border-box; padding:8px; float: left; }
.f-news div h3{ font-size: 20px; color: #4a4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-bottom: 18px; }
.f-news div p{ font-size: 14px; color: #6f6f6f; }
.news-list{ overflow: hidden; padding:13px 0; border-bottom: 1px solid #cccccc; }
.news-list li{ height: 40px; line-height: 40px; background: url(../img/i_news.png) no-repeat left center; padding-left: 12px; overflow: hidden; }
.news-list li h3{ width: 70%; float: left; font-size: 14px; color: #6f6f6f; line-height: 40px; }
.news-list li span{ width: 30%; float: right; text-align: right; font-size: 14px; color: #6f6f6f; line-height: 40px; }
.news-list li:hover{ background: url(../img/i_news_h.png) no-repeat left center; }
.news-list li:hover h3, .news-list li:hover span{ color: #00638b; }
/* 成功案例 */
.m-case{ overflow: hidden; margin:72px 0 38px; }
.m-case .hd{ text-align: center; background: url(../img/case-hd.png) no-repeat center;  }
.m-case .hd h3{ font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 10px; }
.m-case .hd h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; line-height: 36px; display: inline-block; }
.m-case .hd p{ font-size: 14px; color: #999999; padding:8px 12px; border:1px solid #cfcfcf; display: inline-block; }
#case{ padding-top: 40px; overflow: hidden; padding-bottom: 38px; }
#case .swiper-slide .img{ width: 100%; height: 200px; position: relative; overflow: hidden; }
#case .swiper-slide .img:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(44,167,226,.7); position: absolute; left: 0; top: 100%; transition: all .3s; }
#case .swiper-slide .img span{ position: absolute; transition: all .3s; top:150%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding:8px 26px; border:1px solid #fff; font-size: 14px; color: #ffffff; z-index: 3; }
#case .swiper-slide:hover .img:after{ top:0; }
#case .swiper-slide:hover .img span{ top:50%; }
#case .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
#case .swiper-slide h3{ font-size: 16px; color: #454545; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; text-align: center; padding:0 10px; }
#case .swiper-button-prev, #case .swiper-button-next{ width: 28px; height: 28px; margin-top:0; background-size: 28px; top:0; }
#case .swiper-button-next{ background-image: url(../img/btn_r.jpg); right:0; }
#case .swiper-button-prev{ background-image: url(../img/btn_l.jpg); left:95%; }
#case .swiper-button-next:hover{ background-image: url(../img/btn_r_h.jpg); }
#case .swiper-button-prev:hover{ background-image: url(../img/btn_l_h.jpg); }
#case .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0; }
#case .swiper-pagination-bullet{ width: 12px; height: 12px; background: #9b9b9b; padding:2px; border:2px solid #f1f1f1; }
#case .swiper-pagination-bullet-active{ background: #0a85c0; border-color: #d0d2cf; }
/* 侧边栏 */
.s-type{ width: 100%; overflow: hidden; }
.s-type h3{ height: 60px; line-height: 60px; background: #01a6ff; font-size: 26px; color: #fefefe; font-weight: bold; text-align: center; }
.s-type ul{ overflow: hidden; }
.s-type li{ height: 43px; line-height: 43px; border:1px solid #e9e9e9; text-align: center; }
.s-type li+li{ border-top:0; }
.s-type li a{ font-size: 14px; color: #333333; transition: all .3s;  }
.s-type li:hover a{ background: url(../img/ico-sli.png) no-repeat left center; padding-left: 26px; color: #01a6ff; }
/* 底部信息 */
.f-nav{ height: 58px; line-height: 58px; background: url(../img/f-nav.jpg) no-repeat center; }
.f-nav li{ width: 12.5%; float: left; text-align: center; box-sizing: border-box; }
.f-nav li a{ display: block; font-size: 16px; color: #454545; }
.f-nav li a:hover{ color: #0385ba; }
.f-logo{ line-height: 100px; overflow: hidden; height: 100px; }
.f-logo img{ vertical-align: middle; }
.f-logo > div{ float: right; height: 100px; line-height: 1; padding:28px 0 0; }
.f-logo > div p{ font-size: 14px; color: #313131; list-style: 1; margin-bottom: 10px; }
.f-logo > div a{ display: inline-block; height: 31px; line-height: 31px; background: #159f4a url(../img/email_bg.jpg) no-repeat left center; padding-left: 42px; width: 177px; box-sizing: border-box; font-size: 14px; color: #ffffff; }
.f-copy{ height: 220px; background:url(../img/f-copy.jpg) no-repeat center; }
.f-copy .txt{ text-align: center; padding-top: 38px; } 
.f-copy .txt p{ font-size: 14px; color: #6c7176; line-height: 30px; }
.f-ewm img{ width: 95px; margin: 12px 20px 0 0; float: right; }
footer a:hover{ color: #ef2616; }
/* 内页文章样式 */
.info-hd{ clear: both; overflow: hidden; }
.info-hd h1{ font-size: 20px; color: #01a6ff; font-weight: bold; line-height: 1.5; margin-bottom: 8px; }
.info-hd p{ line-height: 44px; border-bottom: 1px dotted #cecece; height: 44px; font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info-hd p span{ font-size: 16px; color: #454545; }
.info-bd{ overflow: hidden; border:1px solid #e9e9e9; padding:17px; margin-top: 20px; }
.info-bd .tit{ height: 42px; list-height: 42px; border-bottom: 1px solid #b0b0b0; margin:-17px -17px 25px; }
.info-bd .tit h3{ display: inline-block; line-height: 42px; background: #01a6ff; padding:0 36px; font-size: 16px; color: #ffffff; }
#prev_next{ background: #efefef; border:1px solid #cccccc; padding:12px 15px; overflow: hidden; margin:20px 0; }
#prev_next li{ font-size: 14px; color: #333333; }
/* 新闻列表 */
.news li{padding: 10px; border-bottom: 1px dotted #ccc;}
.news li h3{font-size: 20px;margin-bottom: 10px;}
.news li p{font-size: 14px; color: #848282; line-height: 22px; padding-left: 20px;}
.news li:hover{background: #f0f0f0;}
.news li:hover h3{ color: #01a6ff; }
.btn-primary{ background-color: #01a6ff; border-color: #01a6ff; }
@media screen and (max-width: 1200px){
	.h-menu li{ width: 120px; }
	.h-menu li:first-child a:hover{ padding-left: 0; background: #2ca9df; }
	#banner img{ height: 320px; object-fit: cover; }
	#pro .swiper-button-prev, #case .swiper-button-prev{ left: 94%; }
	.m-about .img img{ max-width: 100%; height: 293px; object-fit: cover; }
	.about-tit h3 img{ display: none; }
	.news-tit img{ max-width: 100%; }
	.news-tit h3{ text-align: center; }
	.news-tit h3 span{ margin-left: 0; }
	.news-list{ padding:8px 0; }
	.news-list li h3{ width: 66%; }
	.news-list li span{ width: 32%; }
}
@media screen and (max-width: 992px){
	.h-menu{
		height: auto;
		background: -webkit-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%);
		background: -o-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%);
		background: -moz-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%);
		background: repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%);
	}
	.h-menu li{ width: 25%; }
	.h-menu li:nth-child(5){ border-left: 1px solid #fff; }
	#pro .swiper-button-prev, #case .swiper-button-prev{ left: 92%; }
	.intro > a{ background-repeat: right center; }
	.m-about .img img{ width: 100%; object-fit: cover; margin-top: 15px; }
	.about-tit h3{ text-align: center; }
	.f-ewm{ display: none; }
	#banner img{ height: 260px; }
	.h-tool p{ margin-left: 0; }
	.s-type li{ width: 50%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.s-type li:nth-child(even){ border-left: 0; }
	.pro-bd li .img, #pro .swiper-slide .img{ height: 240px; }
	.btn-primary{ margin:10px 0; }
}
@media screen and (max-width: 768px){
	.h-tool .text-right{ display: none; }
	.h-tool p{ text-align: center; }
	.h-top .tel{ display: none; }
	.h-top{ padding:25px 0; }
	.brand{ text-align: center; display: block; overflow: hidden; }
	.brand img{ display: inline-block;  }
	#pro .swiper-button-prev, #case .swiper-button-prev{ left: 90%; }
	.m-about{ margin-bottom: 0; }
	.news-list li h3{ width: 62%; }
	.news-list li span{ width: 38%; }
	.news-tit{ border: none; position: relative; }
	.news-tit:after{ content: ""; display: inline-block; border:0; height: 2px; background: #5f5f5f; width: 100%; position: absolute; top:50%; left: 0; margin-top: -4px; }
	.news-tit h3{ margin-top: 0; background: #fff; position: relative; z-index: 3; display: inline-block; width: 65%; }
	.news-tit img{ display: none; }
	.pro-bd li .img span, #pro .swiper-slide .img span, #case .swiper-slide .img span{ padding:8px 15px; }
	.f-logo img{ max-width: 100%; }
	.brand img{ max-width: 80%; }
	.h-menu li{ line-height: 46px; }
	#banner img{ height: 220px; }
}
@media screen and (max-width: 640px){
	.pro-bd li .img, #pro .swiper-slide .img{ height: 200px; }
	.brand img{ max-width: 90%; }
	#banner img{ height: 180px; }
	#pro .swiper-button-prev, #case .swiper-button-prev{ left:0; }
	.m-news .container > div{ width: 100%; }
	.f-nav{ display: none; }
	.f-logo{ text-align: center; }
	.f-logo img{ max-width: 90%; }
	#case,#pro{ margin-top: 15px; }
	.m-case{ margin: 20px 0; }
	.f-copy .txt{ background: #2b2f38; height: 230px; }
	.news-tit h3 span, .about-tit h3 span, .m-case .hd h3 span{ display: none; }
	.pro-bd li .img span, #pro .swiper-slide .img span, #case .swiper-slide .img span{ padding:8px; }
}
@media screen and (max-width: 414px){
	.pro-bd li .img, #pro .swiper-slide .img{ height: 160px; }
	.f-copy .txt{ padding-top: 18px; }
	.h-tool{ display: none; }
}